<template>
  <div>
    <x-header :left-options="{backText: ''}"   >{{title}}</x-header>
    <div class="bottomLine"></div>
  </div>
</template>

<script>

export default {
  props: {
    title: {
      type: String,
      default: '购买'
    }
  }
}
</script>
<style >
div.vux-header {
  background-color: #fff;
}
div.vux-header .vux-header-left a {
  color: #333;
}
div.vux-header .vux-header-left .left-arrow:before {
  border: 1px solid #333;
  border-width: 1px 0 0 1px;
}
div.vux-header .vux-header-right a {
  color: #333;
}
div.vux-header .vux-header-title {
  color: #333;
}
.bottomLine{
  width: 100%;
  height: 1px;
  background: rgba(234,234,234,1);
}
</style>
